@charset "utf-8";
/* CSS Document */
html, body {
	height: 100%;
}
.w {
	max-width: 640px;
	margin: 0 auto;
	height: 100%;
	background-position: top center;
	background-size: cover;
	position:relative;
        overflow: hidden;
}
/* 大转盘样式 */
.banner{display:block;width:60%;margin-left:auto;margin-right:auto;margin-top: 140px;}
.banner .turnplate{display:block;width:100%;position:relative;}
.banner .turnplate canvas.item{width:100%;}
.banner .turnplate img.pointer{/*position:absolute;width:31.5%;height:42.5%;left:34.6%;top:23%;*/}
.banner .turnplate img.pointer {
	position: absolute;
	width: 24.5%;
	height: 33%;
	left: 37.6%;
	top: 29%;
}

@keyframes tiao_fly {
  0% {transform:translateX(0%) translateY(-15%) rotateZ(0deg) scale(.7,.7);}
  100% {transform:translateX(0%) translateY(-0%) rotateZ(0deg) scale(1,1);}
}
@-webkit-keyframes tiao_fly {
  0% {-webkit-transform:translateX(0%) translateY(-15%) rotateZ(0deg) scale(.8,.8);}
  100% {-webkit-transform:translateX(0%) translateY(-0%) rotateZ(0deg) scale(1,1);}
}
@-moz-keyframes tiao_fly {
  0% {-moz-transform:translateX(0%) translateY(-15%) rotateZ(0deg) scale(.8,.8);}
  100% {-moz-transform:translateX(0%) translateY(-0%) rotateZ(0deg) scale(1,1);}
}
@-ms-keyframes tiao_fly {
  0% {-ms-transform:translateX(0%) translateY(-15%) rotateZ(0deg) scale(.8,.8);}
  100% {-ms-transform:translateX(0%) translateY(-0%) rotateZ(0deg) scale(1,1);}
}
@-o-keyframes tiao_fly {
  0% {-o-transform:translateX(0%) translateY(-15%) rotateZ(0deg) scale(.8,.8);}
  100% {-o-transform:translateX(0%) translateY(-0%) rotateZ(0deg) scale(1,1);}
}
@keyframes tiao_fly {
  0% {transform:translateX(0%) translateY(-15%) rotateZ(0deg) scale(.8,.8);}
  100% {transform:translateX(0%) translateY(-0%) rotateZ(0deg) scale(1,1);}
}

.tiao {
  animation: tiao_fly 0.4s 2s alternate infinite;
  -webkit-animation: tiao_fly 0.4s 2s alternate infinite;
  -moz-animation: tiao_fly 0.4s 2s alternate infinite;
  -ms-animation: tiao_fly 0.4s 2s alternate infinite;
  -o-animation: tiao_fly 0.4s 2s alternate infinite;
  transform: rotateZ(0deg) scale(1,1);
  -webkit-transform: rotateZ(0deg) scale(1,1);
  -moz-transform: rotateZ(0deg) scale(1,1);
  -ms-transform: rotateZ(0deg) scale(1,1);
  -o-transform: rotateZ(0deg) scale(1,1);
}